@media screen and (max-width: 1300px) {
  .car-boxes {
    flex-wrap: wrap-reverse;
  }
  .j-col {
    flex: none !important;
    display: flex !important;
    flex-direction: column !important;
    flex-basis: calc((100% - var(--space))/2) !important;
  }
}
.car-boxes {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  gap: var(--space);
  padding-inline: var(--space);
  padding-top: 0;
}
.j-col {
  flex: 1;
  display: block;
  overflow: hidden;
  background: var(--card);
  padding: 12px  15px  15px 15px;
  border-radius: var(--radius);
  min-width: 190px;
}
.j-img {
  object-fit: contain;
}
.m-tip1 {
  color: #ffffff;
  margin-left: 8px;
  flex: 1;
  font-size: 16px;
  font-weight: bold;
}
.m-tip2 {
  font-size: 16px;
}
.space {
  flex: 1;
}
.j-ico {
  margin-left: 10px;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  object-fit: contain;
  overflow: hidden;
  flex-shrink: 0;
}
.tds {
  margin-top: 20px;
  display: flex;
}
.ts-1 {
  flex: 2;
  overflow: hidden;
}
.ts-1 .t-tit {
  padding-left: 14px;
}
.ts-2 {
  flex: 1;
  text-align: right;
}
.ts-3 {
  flex: 1;
  text-align: right;
  overflow: hidden;
}
.ts-3 span {
  color: #0dcb81;
}
.b-txt {
  width: 100%;
  display: block;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  overflow: hidden;
  font-size: 14px;
}
.b-txt:hover {
  text-decoration: underline;
}
.main-colors {
  color: #b1b6c6;
}
.icon-gengduo {
  color: #b1b6c6;
}
.more-btn:hover .main-colors {
  color: var(--main);
}
.more-btn:hover .icon-gengduo {
  color: var(--main);
}
.tds-hd {
  color: #b1b6c6;
}
